<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"></meta>
    <title>Office协同办公系统</title>
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"></meta>
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache"></meta>
    <meta HTTP-EQUIV="Expires" CONTENT="0"></meta>
    <link rel="icon" href="favicon.ico"></link>
    <link rel="stylesheet"  th:href="@{/static/layui/css/layui.css}"     media="all" ></link>
    <link rel="stylesheet"  th:href="@{/static/css/font_eolqem241z66flxr.css}"  media="all"></link>
    <link rel="stylesheet"  th:href="@{/static/css/main.css}"  media="all"></link>
</head>
<body class="main_body">
<div class="layui-layout layui-layout-admin">
    <!-- 顶部 -->
    <div class="layui-header header">
        <div class="layui-main">
            <a href="#" class="logo">OA自动化办公系统</a>
            <!-- 顶部右侧菜单 -->
            <ul class="layui-nav top_menu" >
                <li class="layui-nav-item showNotice" id="showNotice" >
                    <a href="javascript:;"><i class="iconfont icon-gonggao"></i><cite>系统公告</cite></a>
                </li>
                <li class="layui-nav-item" >
                    <a th:href="@{/authc/logout}"><i class="iconfont icon-loginout"></i> 退出</a>
                </li>
                <li class="layui-nav-item"  >
                    <a href="javascript:;">
                        <img th:src="@{/static/{path}(path=${session.loginUserKey.user.header})}" class="layui-circle" width="35" height="35"></img>
                        <cite th:text="${session.loginUserKey.user.name}"></cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-url="/qry/userinfo"><i class="iconfont icon-zhanghu" data-icon="icon-zhanghu"></i><cite>个人资料</cite></a></dd>
                        <dd><a href="javascript:;" data-url="/view/system/changePwd"><i class="iconfont icon-shezhi1" data-icon="icon-shezhi1"></i><cite>修改密码</cite></a></dd>

                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 左侧导航 -->
    <div class="layui-side layui-bg-black">

        <div class="user-photo">
            <a class="img" title="我的头像" ><img  th:src="@{/static/{path}(path=${session.loginUserKey.user.header})}"></img></a>
            <p>你好！<span class="userName" th:text="${session.loginUserKey.user.name}">   </span>, 欢迎登录</p>
        </div>

        <!--
            作者：offline
            时间：2018-04-16
            描述：navBar 在nav js中有 Json格式的菜单。权限菜单最好也能成Json格式
        -->
        <div class="navBar layui-side-scroll"></div>
    </div>
    <!-- 右侧内容 -->
    <div class="layui-body layui-form">
        <div class="layui-tab marg0" lay-filter="bodyTab">
            <ul class="layui-tab-title top_tab">
                <li class="layui-this" lay-id=""><i class="iconfont icon-computer"></i> <cite>我的主页</cite></li>
            </ul>
            <div class="layui-tab-content clildFrame">
                <div class="layui-tab-item layui-show">
                    <iframe th:src="@{/main/qryUserForMain}"></iframe>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="layui-footer footer">
        <p>author @2018 chudu OA自动化办公系统 </p>
    </div>
</div>


<!-- 移动导航 -->
<div class="site-tree-mobile layui-hide"><i class="layui-icon">&#xe602;</i></div>
<div class="site-mobile-shade"></div>
<script type="text/javascript" th:src="@{/static/layui/layui.js}"  ></script>
<script type="text/javascript" th:src="@{/static/js/bodyTab.js}" ></script>
<script type="text/javascript" th:src="@{/static/js/leftNav.js}" ></script>
<script type="text/javascript" th:src="@{/static/js/index.js}"></script>
</body>
</html>